@media screen and (max-width: 1372px) {
    .head-tran .header {
        width: 100%;
        height: 60px;
    }

    .header .container {
        max-width: initial;
        margin: 0 4%;
    }

    .container {
        max-width: 90%;
    }

    .logo {
        float: left;
        width: auto;
        height: 60px;
    }

    .logo h1 {
        margin-top: 6px;
        float: left;
    }

    .logo h1 img {
        height: 24px;
    }

    .stock-code {
        font-size: 12px;
        margin-top: -13px;
        letter-spacing: 0;
    }


    .tel-search {
        display: none;

    }


    /*菜单*/
    nav {
        float: initial;
        width: auto;
    }


    #starlist:after {
        display: block;
        content: "";
        position: fixed;
        top: 60px;
        z-index: -99;
        background: rgba(0, 0, 0, .6);
        width: 100%;
        height: 100%;
    }


    #starlist {
        float: inherit;
        display: none;
        width: 100%;
        position: absolute;
        top: 60px;
        left: 0%;
        z-index: 999;
        padding: 0;
    }


    #starlist li {
        margin: 0;
        width: 92%;
        padding: 0 4%;
        height: auto;
        position: relative;
        border-bottom: 0.0625rem solid rgba(255, 255, 255, .1);
        text-align: left;
        display: block;
    }

    #starlist li:first-child {
        border-top: 0.0625rem solid rgba(255, 255, 255, .1);
    }

    #starlist li a {
        width: 50%;
        display: block;
        margin: 0;
        padding: 0;
        font-size: 16px;
        float: initial;
        height: 50px;
        line-height: 50px;
    }

    #starlist li a:hover {
        background: initial;
    }

    #starlist li a:hover:after {
        display: none;
    }

    #starlist li .sub {
        position: initial;
        right: initial;
        top: initial;
        width: 100%;
        display: none;
        z-index: 9999999999;
        opacity: initial;
        height: auto;
        box-shadow: initial;
        transition: initial;
    }

    #starlist li .sub .container {
        max-width: 100%;
    }

    #starlist li:hover .sub {
        top: initial;
        opacity: initial;
        height: initial;
    }

    #starlist li:hover ul.sub {
        display: none;
        padding: initial;
    }

    #starlist ul.sub li img {
        display: none;
    }

    #starlist ul.sub li {
        width: 100%;
        line-height: auto;
        padding: initial;
        float: initial;
        text-align: left;
        margin: 0;
        border-bottom: initial;
    }

    #starlist ul.sub li:last-child {

    }

    #starlist ul.sub li a {
        font-size: 15px;
        padding: 0 0 0 5%;
        color: #777;
        display: block;
        text-align: left;
        line-height: 40px;
    }


    .head-tran:hover .header #starlist li {
        border-bottom: 0.0625rem solid #eee;
        background: rgba(255, 255, 255, 1);
    }

    .head-tran:hover .header #starlist li:first-child {
        border-top: 0.0625rem solid #eee;
    }

    .head-tran:hover .header #starlist li a:hover {
        background: initial;
        color: #007983;
    }

    .head-tran:hover .header #starlist ul.sub li {
        border-top: 0.0625rem solid #eee;
    }


    .head-tran.head-primary .header #starlist li {
        border-bottom: 0.0625rem solid #eee;
        background: rgba(255, 255, 255, 1);
    }

    .head-tran.head-primary .header #starlist li:first-child {
        border-top: 0.0625rem solid #eee;
    }

    .head-tran.head-primary .header #starlist li a:hover {
        background: initial;
        color: #007983;
    }

    .head-tran.head-primary .header #starlist ul.sub li {
        border-top: 0.0625rem solid #eee;
    }


    .head-tran .header.fixed #starlist li {
        border-bottom: 0.0625rem solid #eee;
        background: rgba(255, 255, 255, 1);
    }

    .head-tran .header.fixed #starlist li:first-child {
        border-top: 0.0625rem solid #eee;
    }

    .head-tran .header.fixed #starlist li a:hover {
        background: initial;
        color: #007983;
    }

    .head-tran .header.fixed #starlist ul.sub li {
        border-top: 0.0625rem solid #eee;
    }


    .menu span, .menu:before, #starlist .active span, #starlist .active:before {
        display: block;
    }


    #mnavh {
        position: absolute;
        z-index: 99;
        display: block;
        margin: 22px 0 0 0;
        width: 22px;
        height: 22px;
        float: right;
        right: 4%;
        cursor: pointer;
    }

    .menu span, #starlist .active span {
        display: block;
        width: 50px;
        height: 50px;
        opacity: 0.5;
        position: absolute;
        top: 0;
        right: 0;
    }

    .menu:before, #starlist .active:before {
        top: 21px;
        right: 3.6%;
        background-image: url(../images/jt.png);
        background-size: 100%;
        width: 14px;
        height: 8px;
    }

    .navicon {
        width: 22px;
        height: 2px;
        bottom: -7px;
    }

    .navicon:before,
    .navicon:after {
        width: 22px;
        height: 2px;
    }

    .navicon:before {
        margin-top: -7px;
    }

    .navicon:after {
        margin-top: 7px;
    }

    .open .navicon:before,
    .open .navicon:after {
        width: 22px;
        height: 2px;
    }


    .head-primary .head-height {
        height: 60px;
    }


    /*底部*/
    .foot {
        border-top: 4px solid #007983;
        padding: 32px 0 32px;
    }


    .foot-left {
        width: 100%;
        float: left;
    }

    .foot-logo img {
        display: none;
    }

    .foot-tel {
        padding-top: 0px;
    }

    .foot-tel p {
        font-size: 14px;
        margin-top: 18px;
    }

    .foot-tel b {
        font-size: 32px;
    }

    .foot-mall {
        margin-top: 24px;
    }

    .foot-mall span {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .foot-mall ul li {
        float: left;
        margin-right: 24px;
    }

    .foot-mall ul li img {
        height: 50px;
    }

    .foot-mall ul li p {
        font-size: 12px;
        margin-top: 10px;
    }


    .foot-right {
        width: 100%;
        float: right;
    }

    .foot-menu {
        display: none;
    }


    .foot-rwm {
        margin-top: 32px;
    }

    .foot-rwm ul li {
        float: left;
        margin-left: 0;
        margin-right: 16px;
    }

    .foot-rwm ul li img {
        height: 100px;
    }

    .foot-rwm ul li p {
        font-size: 12px;
        margin-top: 10px;
    }


    .foot-copy {
        font-size: 12px;
        line-height: 24px;
        margin-top: 24px;
        text-align: left;
    }

    .foot-endorsement {
        text-align: left;
        margin-top: 16px;
    }

    .foot-endorsement a {
        font-size: 12px;
        margin-left: 0px;
        margin-right: 10px;
    }


    /*友情链接*/
    .link .container {
        padding: 13px 0;
    }

    .link a {
        padding: 2px 0;
        margin: 0 2px;
        font-size: 12px;
    }

    .link .title {
        padding: 2px 0;
        float: left;
        font-size: 12px;
    }

    .link .link-list {
        width: 93%;
        float: left;
    }


    /*新闻*/
    .list-banner {
        background: url(../images/news_banner_tp.jpg) center top no-repeat;
        background-size: cover;
    }

    .list-banner .container {
        height: 32vh;
    }


    .list-banner .text {
        margin-top: 40px;
    }

    .list-banner .text h2 {
        font-size: 22px;
    }

    .list-banner .text h3 {
        font-size: 12px;
        line-height: 20px;
        margin-top: 12px;
    }


    .list-menu {
        border-bottom: 1px solid #eeeeee;
        padding: 16px 0;
    }

    .list-cru {
        display: none;
    }


    .submenu {
        width: 100%;
        float: right;
        text-align: left;
    }

    .submenu ul li {
        margin: 0 1px;
        line-height: initial;
    }

    .submenu ul li a {
        font-size: 12px;
        height: 22px;
        line-height: 20px;
        margin: 3px 0;
        display: inline-block;
        border-radius: 2px;
        background: #f8f8f8;
        padding: 0 6px;
    }

    .submenu ul li a:after {
        display: none;
    }


    .news-list {
        padding: 24px 0 32px;
    }

    .news-list .item {
        float: left;
        width: 47%;
        margin-left: 6%;
        margin-bottom: 32px;
    }

    .news-list .item:nth-child(3n+1) {
        margin-left: 6%;
    }

    .news-list .item:nth-child(2n+1) {
        margin-left: 0;
    }


    .news-list .item .time b {
        font-size: 16px;
    }

    .news-list .item .time span {
        font-size: 12px;
        margin-left: 6px;
    }

    .news-list .item .pic {
        margin-top: 12px;
    }

    .news-list .item .text {
        margin-top: 12px;
    }

    .news-list .item .text h2 {
        font-size: 14px;
        line-height: 26px;
        max-height: 26px;
    }

    .news-list .item .text p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 2px;
        max-height: 22px;
        -webkit-line-clamp: 1;
    }

    .news-list .item .des-but {
        margin-top: 6px;
        display: none;
    }

    .news-list .item .des-but a {
        font-size: 12px;
        line-height: 40px;
    }

    .des-icon {
        width: 7px;
        height: 11px;
        background: url(../images/des_icon.png) center top no-repeat;
        bottom: -2px;
        margin-left: 2px;
    }

    .news-list .item .des-but a:hover .des-icon {
        background: url(../images/des_icon_a.png) center top no-repeat;
    }

    .news-list .item .des-but a:before {
        height: 2px;
    }

    .news-list .item .des-but a:after {
        height: 2px;
    }


    .increase-more {
        font-size: 14px;
    }

    .increase-icon {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        margin-left: 10px;
        bottom: -6px;
    }


    /*内容页*/
    .page-menu {
        height: 48px;
        line-height: 48px;
        font-size: 14px;
    }

    .page-menu a {
        margin-right: 16px;
    }


    .page-cru {
        display: none;
    }


    .page-news-box {
        padding: 40px 0;
    }

    .container-1000 {
        max-width: 90%;
    }

    .pnews-title {
        padding-bottom: 20px;
        text-align: left;
    }

    .pnews-title h2 {
        font-size: 20px;
    }


    .pnews-title .des {
        margin-top: 6px;
    }

    .pnews-title .des span {
        font-size: 12px;
        margin: 0 8px 0 0;
    }


    .pnews-content {
        padding: 32px 0 40px;
        font-size: 14px;
        line-height: 28px;
    }


    .page-paging {
        padding-top: 16px;
    }

    .page-paging a {
        font-size: 14px;
    }

    .page-paging a:hover {
        font-size: 14px;
    }

    .page-paging .on {
        float: left;
        width: 33%;
    }

    .on-icon {
        width: 6px;
        height: 11px;
        background: url(../images/on_icon.png) center center no-repeat;
        margin-right: 10px;
    }


    a:hover .on-icon {
        background: url(../images/on_icon_a.png) center center no-repeat;
    }

    .page-paging .return {
        float: left;
        width: 33%;
    }

    .page-paging .un {
        width: 33%;
    }

    .un-icon {
        width: 6px;
        height: 11px;
        background: url(../images/un_icon.png) center center no-repeat;
        margin-left: 10px;
    }

    a:hover .un-icon {
        background: url(../images/un_icon_a.png) center center no-repeat;
    }


    .cor-infor {
        padding: 40px 0;
    }

    .cor-infor-title h2 {
        font-size: 24px;
        margin-bottom: 0px;
    }

    .cor-infor-title span {
        font-size: 12px;
    }


    .cor-infor-list {
        margin-top: 12px;
    }

    .cor-infor-list ul li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        float: left;
        margin-left: 0;
    }

    .cor-infor-list ul li a {
        width: 72%;
        float: left;
        font-size: 14px;
        max-height: 48px;
    }


    .cor-infor-list ul li span {
        font-size: 12px;
        float: right;
    }


    .act-sign-window {
        border-radius: 6px;
        margin-bottom: 32px;
    }

    .act-sign-window .box {
        padding: 8px;
    }

    .sign-con {
        border-radius: 6px;
    }

    .sign-con .subbox {
        padding: 20px 16px;
    }

    .sign-con .title h2 {
        font-size: 24px;
    }


    .sign-input .item {
        margin-top: 16px;
    }

    .sign-input .item p {
        font-size: 16px;
    }

    .sign-input .item p span {
        margin-left: 8px;
    }

    .sign-input .item input {
        font-size: 14px;
        width: 92%;
        padding: 0 4%;
        height: 48px;
        margin-top: 10px;
    }

    .sign-submit {
        margin-top: 24px;
    }

    .sign-submit a {
        width: 122px;
        height: 36px;
        line-height: 34px;
        border-radius: 4px;
        font-size: 14px;
    }


    .activity-list {
        padding: 40px 0 40px;
    }

    .activity-list .item {
        text-align: left;
        margin-bottom: 48px;
    }

    .activity-list .item .tp {
        float: left;
        width: 100%;
    }

    .activity-list .item .tp img {
        height: initial;
        max-width: 100%;
    }

    .activity-list .item .act-des {
        float: right;
        width: 100%;
    }

    .act-des .box {
        padding: 20px;
    }

    .act-des .title h2 {
        font-size: 20px;
        margin-bottom: 2px;
        max-height: 32px;
        -webkit-line-clamp: 1;
    }


    .act-des .title span {
        font-size: 12px;
    }


    .act-des .text {
        margin-top: 12px;
    }

    .act-des .text p {
        font-size: 12px;
        line-height: 22px;
        max-height: 44px;
        -webkit-line-clamp: 2;
    }


    .act-des .act-peo {
        margin-top: 14px;
    }

    .act-des .act-peo p {
        font-size: 12px;
    }

    .act-des .act-peo em {
        font-size: 20px;
    }

    .act-des .act-peo span {
        font-size: 14px;
    }


    .act-des .act-but {
        margin-top: 14px;
    }

    .act-des .act-but a {
        width: 48%;
        height: 36px;
        line-height: 34px;
        font-size: 12px;
        float: left;
        margin-left: 4%;
    }

    .reveal-modal {
        width: 88%;
        margin-left: -44%;
    }


    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        top: -18px;
        right: -18px;
    }


    /*案例列表*/
    .case-list {
        padding: 24px 0 32px;
    }

    .case-list .item {
        margin-bottom: 16px;
        width: 49%;
        margin-left: 2%;
        box-shadow: 0 0 8px rgba(0, 0, 0, .06);
    }

    .case-list .item:nth-child(3n+1) {
        margin-left: 2%;
    }

    .case-list .item:nth-child(2n+1) {
        margin-left: 0;
    }

    .case-list .item:before {
        height: 2px;
    }

    .case-list .item .box {
        padding: 8px 12px 20px 12px;
    }

    .case-list .item .text span {
        font-size: 12px;
    }

    .case-list .item .text h2 {
        font-size: 14px;
        -webkit-line-clamp: 1;
        max-height: 24px;
        margin-top: 4px;
    }

    .case-list .item .des-but {
        margin-top: 8px;
    }

    .case-list .item .des-but a {
        font-size: 12px;
    }


    /*案例内容页*/
    .case-page-content {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .case-pic {
        width: 100%;
        float: left;
    }

    .slider__item img {
        height: auto;
        max-width: 100%;
    }

    .slider__switch span {
        width: 22px;
        height: 32px;
    }

    /* Arrows */
    .slider__switch {
        display: none;
    }

    .slider__switch--prev {
        left: -7px;
    }

    .slider__switch--next {
        right: -7px;
    }

    .preview {
        height: auto;
        margin-top: 6px;
    }

    .preview a {
        margin: 0 0;
        width: 18%;
    }

    .preview img {
        width: auto;
        height: auto;
    }

    .preview .active:before {
        width: 97%;
        height: 95%;
        border: 2px solid #007983;
    }


    .case-text {
        width: 100%;
        float: right;
        padding-top: 20px;
    }


    .case-text .c-t-left {
        float: left;
        width: 72%;
    }

    .case-text .c-t-left h2 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 6px;
    }

    .case-text .c-t-left span {
        font-size: 12px;
    }


    .case-text .c-t-right {
        float: right;
    }

    .case-text .c-t-right:before {
        width: 1px;
        height: 100%;
        left: -24px;
        top: 0px;
    }

    .case-text .c-t-right b {
        font-size: 22px;
        line-height: 28px;
    }

    .case-text .c-t-right span {
        font-size: 12px;
        margin-top: 0px;
    }


    .case-text .c-text {
        margin-top: 24px;
    }

    .case-text .c-text p {
        line-height: 22px;
        font-size: 12px;
    }


    .case-text .c-chara {
        margin-top: 20px;
    }

    .case-text .c-chara .box {
        padding: 0 16px;
    }

    .case-text .c-chara ul li {
        line-height: 40px;
        height: 40px;
    }

    .case-text .c-chara ul li span {
        float: left;
        font-size: 12px;
    }

    .case-text .c-chara ul li p {
        float: right;
        font-size: 12px;
    }


    .case-text .c-consult {
        margin-top: 24px;
    }

    .case-text .c-consult a {
        padding: 0 10px;
        font-size: 12px;
        height: 30px;
        line-height: 28px;
    }


    .reveal-modal {
        top: 200px;
        left: 50%;
        width: 80%;
        margin-left: -40%;
    }


    .reveal-modal .close-reveal-modal {
        font-size: 28px;
        line-height: .5;
        position: absolute;
        top: -24px;
        right: -24px;
    }


    .act-sign-window {
        border-radius: 6px;
        margin-bottom: 64px;
    }

    .act-sign-window .box {
        padding: 4px;
    }

    .sign-con {
        border-radius: 4px;
    }

    .sign-con .subbox {
        padding: 24px 16px;
    }

    .sign-con .title h2 {
        font-size: 18px;
    }

    .sign-input .item {
        margin-top: 16px;
    }

    .sign-input .item p {
        font-size: 14px;
    }

    .sign-input .item p span {
        margin-left: 8px;
    }

    .sign-input .item input {
        font-size: 14px;
        width: 92%;
        padding: 0 3%;
        height: 40px;
        margin-top: 8px;
    }

    .sign-submit {
        margin-top: 20px;
    }

    .sign-submit a {
        width: 120px;
        height: 32px;
        line-height: 30px;
        border-radius: 4px;
        font-size: 12px;
    }

    .case-rec {
        padding: 32px 0 24px;
    }

    .rec-title .title h2 {
        font-size: 22px;
    }

    .rec-title .more a {
        line-height: 30px;
        padding-top: 0px;
    }

    .rec-title .more .increase-icon {
        bottom: -8px;
    }


    .rec-case-list.case-list {
        padding: 0;
        margin-top: 12px;
    }

    .rec-case-list.case-list .item:last-child {
        display: none;
    }

    .case-list .item .type {
        width: 60px;
        height: 20px;
        font-size: 12px;
        line-height: 18px;
        border-radius: 2px;
        right: 0px;
        top: 4px;
        transform: scale(.8);
    }


    /*产品*/
    .product-banner .container {
        height: 300px;
    }

    .list-banner-pc {
        display: none;
    }

    .list-banner-phone {
        display: block;
    }

    .product-thumbnail {
        width: 100%;
        height: 83px;
        overflow: hidden;
    }

    .product-thumbnail .box {
        padding: 8px 1%;
    }

    .pro-thum-list {
        width: 90%;
        float: left;
    }

    .pro-thum-list ul li {
        float: left;
        width: 22%;
        margin: 0 .6%;
        height: 83px;
    }

    .pro-thum-list ul li .pic img {
        height: 45px;
    }

    .pro-thum-list ul li p {
        font-size: 12px;
        margin-top: 4px;
    }

    .pro-all {
        width: 9%;
        float: right;
        margin-right: .35%;
    }

    .pro-all i {
        height: 45px;
        width: 100%;
        background-size: 10px 10px;
    }

    .pro-all span {
        font-size: 12px;
        margin-top: 8px;
    }


    .product-menu {
        height: 50px;
    }

    .swiper-slide {
        float: left;
        width: 33%;
    }

    .swiper-slide a {
        line-height: 48px;
        font-size: 13px;
    }


    .swiper-button-next,
    .swiper-button-prev {
        top: 50%;
        width: 9px;
        height: 15px;
        margin-top: -8px;
        z-index: 10;
        background-size: 9px 15px;
    }

    .swiper-button-prev {
        background-image: url(../images/button_prev.png);
        left: -10px;
        right: auto
    }

    .swiper-button-next {
        background-image: url(../images/button_next.png);
        right: -10px;
        left: auto
    }

    .swiper-button-prev.swiper-button-white {
        background-image: url(../images/button_prev_a.png);
    }

    .swiper-button-next.swiper-button-white {
        background-image: url(../images/button_next_a.png);
    }

    .swiper-button-prev.swiper-button-black {
        background-image: url(../images/button_prev_a.png);
    }

    .swiper-button-next.swiper-button-black {
        background-image: url(../images/button_next_a.png);
    }

    .swiper-button-prev:hover {
        background-image: url(../images/button_prev_a.png);
    }

    .swiper-button-next:hover {
        background-image: url(../images/button_next_a.png);
    }


    .product-point {
        padding: 32px 0;
    }

    .point-item {
        float: left;
        width: 100%;
        margin-left: 0;
        margin: 5px 0;
    }

    .point-item:nth-child(3n+1) {
        margin-left: 0;
    }

    .point-item a {
        padding: 0px 10px 0px 10px;
    }

    .point-item .text {
        float: left;
        width: 50%;
        padding-top: 24px;
        text-align: center;
    }

    .point-item h2 {
        font-size: 24px;
    }

    .point-item h3 {
        font-size: 14px;
        margin-top: 6px;
    }

    .point-item p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 10px;
    }


    .product-point-item-img {
        float: right;
        width: 50%;
        text-align: center;

    }


    .rec-title.white-title .title {
        float: left;
    }

    .rec-title.white-title .title h2 {
        font-size: 22px;
    }

    .rec-title.white-title .title span {
        font-size: 12px;
        margin-top: 4px;
    }

    .rec-title.white-title .more a {
        line-height: 30px;
        padding-top: 12px;
        font-size: 12px;
    }

    .rec-title.white-title .more .increase-icon {
        bottom: -8px;
    }


    .solut-box {
        margin-top: 16px;
    }

    .solut-item {
        width: 50%;
        float: left;
    }

    .solut-item-text .title h2 {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .solut-item-text .title span {
        font-size: 12px;
        font-weight: initial;
    }

    .solut-item-text .chara {
        display: none;
    }

    .solut-item:hover .solut-item-text .chara {
        padding-top: 20px;
        height: 120px;
    }

    .solut-item-text .chara ul li {
        margin-top: 14px;
    }

    .solut-item-text .chara ul li h3 {
        font-size: 16px;
    }

    .solut-item-text .chara ul li p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 4px;
    }


    .index-case {
        padding: 32px 0 32px;
    }

    .index-case-box {
        padding-top: 10px;
    }

    .index-case-box .item {
        width: 49%;
        float: left;
        margin-left: 2%;
        margin-top: 8px;
    }

    .index-case-box .item:nth-child(3n+1) {
        margin-left: 2%;
        clear: initial;
    }

    .index-case-box .item:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }

    .index-case-box .item .text .box {
        padding: 8px 12px;
    }

    .index-case-box .item .text .box h2 {
        font-size: 14px;
        max-height: 26px;
        line-height: 26px;
        -webkit-line-clamp: 1;
        font-weight: initial;
    }

    .index-case-box .item .text .box p {
        font-size: 12px;
        line-height: 24px;
        margin-top: 4px;
        padding-top: 4px;
    }

    .index-case-box .item .text .box p:after {
        top: 11px;
        width: 7px;
        height: 11px;
        background: url(../images/des_icon.png) center center no-repeat;
    }

    .index-case-box .item:hover .text .box p:after {
        background: url(../images/des_icon_a.png) center center no-repeat;
    }


    /*产品列表*/
    .product-list-box {
        padding: 32px 0 40px;
    }

    .p-l-t h2 {
        font-size: 22px;
    }

    .p-l-t span {
        font-size: 22px;
    }


    .p-l-content {
        padding-top: 10px;
    }

    .p-l-content .item {
        margin-top: 10px;
        width: 49%;
        float: left;
        margin-left: 2%;
    }

    .p-l-content .item:nth-child(3n+1) {
        margin-left: 2%;
        clear: initial;
    }

    .p-l-content .item:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }

    .p-l-content .item:nth-child(1) .pic, .p-l-content .item:nth-child(7) .pic, .p-l-content .item:nth-child(13) .pic {
        background-size: auto 70%;
    }

    .p-l-content .item:nth-child(2) .pic, .p-l-content .item:nth-child(8) .pic, .p-l-content .item:nth-child(14) .pic {
        background-size: auto 80%;
    }

    .p-l-content .item:nth-child(3) .pic, .p-l-content .item:nth-child(9) .pic, .p-l-content .item:nth-child(15) .pic {
        background-size: auto 80%;
    }

    .p-l-content .item:nth-child(4) .pic, .p-l-content .item:nth-child(10) .pic, .p-l-content .item:nth-child(16) .pic {
        background-size: auto 80%;
    }

    .p-l-content .item:nth-child(5) .pic, .p-l-content .item:nth-child(11) .pic, .p-l-content .item:nth-child(17) .pic {
        background-size: auto 80%;
    }

    .p-l-content .item:nth-child(6) .pic, .p-l-content .item:nth-child(12) .pic, .p-l-content .item:nth-child(18) .pic {
        background-size: auto 80%;
    }


    .p-l-content .box {
        padding: 10px 10px 16px 10px;
    }

    .p-l-content .sw {
        position: absolute;
        left: 6px;
        top: 6px;
        height: 18px;
        line-height: 16px;
        padding: 0 4px;
        border-radius: 2px;
        font-size: 12px;
        transform: scale(.9);
    }

    .p-l-content .pic {
        padding: 10px;
    }

    .p-l-content .text h2 {
        font-size: 16px;
        max-height: 32px;
    }


    .p-l-content .text p {
        display: none;
    }

    .p-l-content .des-but {
        margin-top: 4px;
    }

    .p-l-content .des-but a {
        font-size: 12px;
    }


    /*产品内容页*/
    .pc {
        display: none;
    }

    .phone {
        display: block;
    }

    .product-submenu-box {
        height: 40px;
    }

    .prod-page-menu {
        height: 40px;
        line-height: 38px;
    }

    .prod-page-menu .pro-subtitle {
        display: none;
    }

    .prod-page-menu .pro-subtitle h2 {
        font-size: 12px;
    }

    .prod-page-menu .pro-subtitle span {
        height: 20px;
        line-height: 18px;
        padding: 0 4px;
        border-radius: 2px;
        font-size: 12px;
        margin-left: 4px;
        margin-top: 15px;
        transform: scale(.8);
    }


    .pro-submenu {
        float: right;
    }

    .pro-submenu a {
        font-size: 12px;
    }

    .pro-submenu a:nth-child(5), .pro-submenu a:nth-child(7) {
        display: none;
    }

    .pro-submenu span:nth-child(4), .pro-submenu span:nth-child(6) {
        display: none;
    }

    .pro-submenu span {
        font-size: 12px;
        margin: 0 0px;
    }

    a.online-mall {
        padding: 0px 4px 2px 4px;
        border-radius: 3px;
        margin-left: 6px;
        font-size: 12px;
    }

    a.consultation {
        padding: 1px 5px 3px 5px;
        border-radius: 3px;
        margin-left: 0px;
        font-size: 12px;
    }


    .prod-page-chara {
        padding: 32px 0;
    }


    .prod-page-chara .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flex2 {
        display: initial;
        display: initial;
        display: initial;
        -webkit-box-direction: initial;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }

    .chara-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .chara-left .flex1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }


    .chara-left .item1 {
        margin-right: 10px;
    }

    .chara-left .item1 .text, .chara-left .item2 .text {
        top: 16px;
        left: 16px;
    }

    .chara-left .item1 .text h2, .chara-left .item2 .text h2 {
        font-size: 14px;
        line-height: 24px;
    }

    .chara-left .item1 .text h2 span, .chara-left .item2 .text h2 span {
        display: inline;
    }

    .chara-left .item1 .text p, .chara-left .item2 .text p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 6px;
        display: none;
    }

    .chara-left .item1 .text p span, .chara-left .item2 .text p span {
        display: block;
    }


    .chara-left .item3 {
        margin-top: 10px;
    }

    .chara-left .item3 .text {
        left: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .chara-left .item3 .text h2 {
        font-size: 14px;
        line-height: 26px;
    }

    .chara-left .item3 .text p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 4px;
        display: none;
    }

    .chara-left .item3 .text p span {
        display: block;
    }


    .chara-right .item4 {
        margin-top: 10px;
        margin-left: 0px;
        height: 150px;
    }

    .chara-right .item4 .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .chara-right .item4 .bg {
        display: none;
    }

    .chara-right .item4 .text {
        padding: 48px 16px 16px 16px;
        text-align: left;

    }

    .chara-right .item4 .text h2 {
        font-size: 14px;
        line-height: 24px;
    }

    .chara-right .item4 .text h2 span {
        display: block;
    }

    .chara-right .item4 .text p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 6px;
        display: none;
    }

    .chara-right .item4 .pic img {
        width: initial;
        max-width: initial;
        height: 130px;
        margin-top: 20px;
        margin-left: 30px;
    }


    .chara-up {
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .chara-up .item5 {
        margin-right: 10px;
    }

    .chara-up .item5 .text {
        top: 0px;
        left: 0px;
        background-color: rgba(248, 248, 248, .8);
        width: 90%;
        height: 90%;
        padding: 5%;
    }

    .chara-up .item5 .text h2 {
        font-size: 14px;
        line-height: 24px;
    }

    .chara-up .item5 .text h2 span {
        display: block;
    }


    .chara-up .item6 .text {
        top: 0px;
        left: 0px;
        background-color: rgba(248, 248, 248, .8);
        width: 90%;
        height: 90%;
        padding: 5%;
    }

    .chara-up .item6 .text h2 {
        font-size: 14px;
        line-height: 24px;
    }

    .chara-up .item6 .text h2 span {
        display: block;
    }

    .chara-up .item6 .text p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 6px;
        display: none;
    }


    .prod-video {
        padding-bottom: 32px;
    }


    .prod-video iframe {
        width: 100%;
        height: 320px;
    }


    .p-a-title h2 {
        font-size: 22px;
    }

    .p-a-title span {
        font-size: 12px;
        margin-top: 6px;
    }


    .pro-advant-right {
        margin-top: 24px;
        overflow: hidden;
    }

    .pro-advant-right .text {
        width: 100%;
        float: right;
        top: 40px;
        right: 0%;
        text-align: center;
    }

    .pro-advant-right .text h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .pro-advant-right .text h2 span {
        display: block;
    }

    .pro-advant-right .text p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 14px;
    }

    .pro-advant-right .pic {
        position: relative;
    }

    .pro-advant-right .pic img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        height: 320px;
        max-width: initial;
    }

    /*
.pro-advant-right .pic:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(51,51,51,.2);
	content: "";
	display: block;
}*/
    .pro-advant-right.advant-center {
        margin-top: 0;
    }

    .pro-advant-right.advant-center .text {
        width: 100%;
        top: 40px;
    }

    .pro-advant-right.advant-center .text p {
        margin-top: 16px;
    }

    .pro-advant-right.advant-center2 {
        margin-top: 0;
    }

    .pro-advant-right.advant-center2 .text {
        width: 100%;
        top: 40px;
    }

    .pro-advant-right.advant-center2 .text p {
        margin-top: 16px;
    }


    .prod-inte {
        margin-top: 40px;
    }

    .p-a-title p {
        font-size: 12px;
        line-height: 18px;
        margin-top: 16px;
    }


    .prod-inte .pic {
        margin-top: 24px;
        overflow: hidden;
    }

    .prod-inte .pic img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        height: 240px;
        max-width: initial;
    }


    .prod-rec {
        padding: 32px 0 40px;
    }

    .p-l-content.prod-rec-list {
        padding-top: 0px;
    }

    .p-l-content.prod-rec-list .item:nth-child(3) {
        display: none;
    }


    /*资料下载*/
    .data-content {
        padding: 32px 0;
    }

    .data-content .container {
        padding-bottom: 10px;
    }

    .data-content .item {
        text-align: left;
        width: 49.2%;
        margin-left: 1.6%;
        float: left;
        margin-bottom: 10px;
    }

    .data-content .item:nth-child(2n+1) {
        margin-left: 0;
    }


    .data-content .item .box {
        padding: 6px;
        border: 1px solid #eee;
    }

    .data-content .item .box .text {
        float: left;
        width: 96%;
        padding: 1% 2%;
    }

    .data-content .item .title h2 {
        font-size: 14px;
        max-height: 28px;
    }

    .data-content .item .title span {
        font-size: 12px;
        margin-top: 4px;
    }

    .data-content .item .down-view {
        bottom: 0px;
        position: relative;
        margin-top: 8px;
        display: none;
    }

    .data-content .item .down-view a {
        font-size: 12px;
        margin-right: 16px;
    }

    .data-content .item .box .pic {
        float: right;
        width: 100%;
        margin-top: 10px;
    }

    .data-content .item .box .pic img {
        width: 100%;
    }


    .pb-carouselWarp .pb-carousel {
        height: 220px;
    }


    /*banner翻页圆点*/
    .pb-carouselWarp .pb-carousel-ind {
        bottom: 10px;
    }


    .pb-carouselWarp .pb-carousel-ind li {
        width: 16px;
        height: 2px;
        margin: 0 2px;
    }

    .pb-carouselWarp .pb-carousel-ind li:hover {
        width: 16px;
        height: 2px;
    }

    .pb-carouselWarp .pb-carousel-ind .pb-this {
        width: 16px;
        height: 2px;
    }


    .pb-carouselWarp .pb-arrow {
        top: 50%;
        margin-top: -20px;
        width: 24px;
        height: 40px;
        opacity: 1;
    }

    .pb-carouselWarp .pb-arrow-prev {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        background: url(../images/arrow_left.png) no-repeat center;
        background-size: 8px 13px;
    }

    .pb-carouselWarp .pb-arrow-next {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        background: url(../images/arrow_right.png) no-repeat center;
        background-size: 8px 13px;
    }

    /* banner end */
    .index-product-menu {
        padding: 8px 0;
    }

    .index-product-menu ul li {
        float: left;
        width: 25%;
        margin: 6px 0;
    }

    .index-product-menu ul li img {
        height: 24px;
    }

    .index-product-menu ul li h2 {
        font-size: 12px;
        margin-top: 5px;
        max-height: 28px;
        padding: 0 1%;
        color: #666;
    }


    .index-product {
        padding: 32px 0;
    }

    .index-product .swiper-slide a {
        line-height: initial;
    }

    .index-product .swiper-slide .info {
        width: 100%;
    }

    .index-product .swiper-slide .info .title span {
        height: 23px;
        line-height: 20px;
        padding: 0 6px;
        border-radius: 3px;
        font-size: 12px;
    }

    .index-product .swiper-slide .info .title h2 {
        font-size: 22px;
        max-height: 32px;
        line-height: 32px;
        margin-top: 10px;
        -webkit-line-clamp: 1;
        padding-top: 0;
    }

    .index-product .swiper-slide .info .text {
        margin-top: 12px;
    }

    .index-product .swiper-slide .info .text p {
        line-height: 22px;
        font-size: 12px;
        max-height: 44px;
        -webkit-line-clamp: 2;
    }

    .index-product .swiper-slide .info .chara {
        margin-top: 10px;
        display: none;
    }

    .index-product .swiper-slide .info .chara ul li {
        padding: 10px 0;
        font-size: 14px;
        line-height: 28px;
    }

    .index-product .swiper-slide .info .chara ul li i {
        margin-right: 16px;
    }

    .index-product .swiper-slide .info .chara ul li img {
        height: 24px;
    }


    .index-product .swiper-slide .info .des-more {
        margin-top: 8px;
    }

    .index-product .swiper-slide .info .des-more a {
        font-size: 12px;
        margin-right: 40px;
        line-height: 18px;
    }

    .index-product .swiper-slide .img {
        float: right;
        width: 100%;
        margin-top: 24px;
    }


    .turning-prompt {
        position: absolute;
        bottom: initial;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: initial;
        border-top: initial;
        height: 20px;
    }

    .index-product .swiper-pagination {
        text-align: left;
        display: none;
    }

    .index-product .swiper-pagination-fraction {
        font-size: 14px;
    }

    .swiper-pagination-fraction .swiper-pagination-current {
        font-size: 20px;
    }


    .index-product .swiper-button-next,
    .index-product .swiper-button-prev {
        width: 20px;
        height: 20px;
    }

    .index-product .swiper-button-prev {
        background: url(../images/index_pro_left.png) center center no-repeat;
        background-size: 100% 100%;
        left: initial;
        right: 30px;
    }

    .index-product .swiper-button-next {
        background: url(../images/index_pro_right.png) center center no-repeat;
        background-size: 100% 100%;
        left: initial;
        right: 0;
    }

    .index-product .swiper-button-prev:hover {
        background: url(../images/index_pro_left_a.png) center center no-repeat;
        background-size: 100% 100%;
    }

    .index-product .swiper-button-next:hover {
        background: url(../images/index_pro_right_a.png) center center no-repeat;
        background-size: 100% 100%;
    }


    .index-home {
        padding: 30px 0 30px;
    }

    .index-home .title h2 {
        font-size: 22px;
    }

    .index-home .title p {
        font-size: 14px;
        margin-top: 8px;
    }

    .i-home {
        margin-top: 24px;
    }

    .h-trig {
        font-size: 14px;
        display: none;
    }


    .index-video {
        height: 280px;
    }

    .in-video-b .show {
        width: 50px;
        height: 50px;
    }


    .in-video-b a:before {
        left: -5px;
        top: -5px;
        width: 60px;
        height: 60px;
    }

    .in-video-b a:after {
        left: -5px;
        top: -5px;
        width: 60px;
        height: 60px;
    }


    .vclose {
        right: 10px;
        top: 10px;
        width: 28px;
        height: 35px;
    }


    .index-news {
        padding: 32px 0 40px;
    }

    .index-news-title {
        padding-bottom: 16px;
    }

    .index-news-title .rec-title {
        float: left;
        width: initial;
    }

    .news-tab {
        float: right;
        width: 70%;
    }

    .tabs {
        margin-top: 28px;
    }

    .tabs a {
        font-size: 12px;
        margin-left: 10px;
    }


    .tabs a.active:after {
        left: 50%;
        bottom: -18px;
        width: 20px;
        height: 2px;
    }


    .news-box {
        padding-top: 40px;
    }


    .not-left {
        float: left;
        width: 100%;
    }

    .not-left img {
        width: 100%;
    }

    .not-left .text {
        width: 90%;
        padding: 10px 5%;
    }

    .not-left .text span {
        font-size: 12px;
    }

    .not-left .text h2 {
        font-size: 16px;
        line-height: 32px;
        height: 32px;
        margin-top: 0px;
        -webkit-line-clamp: 1;
    }


    .news-right {
        width: 100%;
        float: right;
        padding-top: 14px;
    }

    .news-right .item {
        margin-top: 8px;
    }

    .news-right .item h2 {
        font-size: 16px;
        line-height: 28px;
        max-height: 28px;
        -webkit-line-clamp: 1;
    }

    .news-right .item span {
        font-size: 12px;
        margin-top: 0px;
        font-weight: initial;
    }

    .news-right .item .active p {
        height: 24px;
        display: none;
    }

    .news-right .item p {
        display: none;
    }


    /*产品参数*/
    .product-para-banner {
        height: auto;
        background: #007983;
    }

    .product-para-banner .container {
        top: initial;
        left: initial;
        width: initial;
        padding: 32px 0;
        transform: initial;
        position: initial;
    }

    .product-para-banner .para-bg {
        display: none;
    }

    .product-para-banner .para-bg img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 480px;
    }

    .para-text {
        float: left;
        width: 100%;
        padding-top: initial;
        text-align: center;
    }

    .para-text span {
        padding: 0 12px;
        height: 22px;
        line-height: 20px;
        font-size: 12px;
    }

    .para-text h2 {
        font-size: 22px;
        margin-top: 10px;
    }

    .para-text ul {
        margin-top: 14px;
    }

    .para-text ul li {
        font-size: 12px;
        line-height: 24px;
    }


    .para-right {
        display: none;
    }

    .para-right img {
        height: 480px;
        max-width: initial;
    }


    .parameter {
        padding: 32px 0 32px;
    }

    .parameter .title h2 {
        font-size: 24px;
    }

    .parameter .title span {
        font-size: 12px;
        margin-top: 4px;
    }

    .parameter .prompt {
        font-size: 12px;
        margin-top: 16px;
        margin-bottom: 10px;
    }

    .parameter-item {
        overflow-y: auto;
    }

    .parameter-item .box {
        width: 1100px;
    }

    .parameter-item table {
        font-size: 12px;
        letter-spacing: 0;
    }


    .parameter-item .title td {
        padding: 4px 0;
    }

    .parameter-item table td {
        height: 36px;
        font-size: 12px;
    }

    .parameter-item table p {
        font-size: 12px;
    }


    .para-des {
        margin-top: 16px;
        font-size: 12px;
    }


    .list-banner i {
        font-size: 12px;
        height: 26px;
        line-height: 26px;
        border-radius: 2px;
        padding: 0 10px;
        margin-bottom: 8px;
    }


    .solut-list {
        padding: 16px 0 40px;
    }

    .solut-list .item {
        float: left;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-top: 16px;
    }

    .solut-list .item:nth-child(2n+1) {
        margin-left: 0;
    }

    .solut-list .item .box {
        padding: 7px 7px 0;
    }

    .solut-list .item .text {
        padding: 16px 0 16px;
    }

    .solut-list .item .title h2 {
        font-size: 18px;
    }


    .solut-list .item .chara {
        margin-top: 5px;
    }

    .solut-list .item .chara ul li {
        width: 44%;
        padding-left: 6%;
    }

    .solut-list .item .chara ul li em {
        font-size: 14px;
    }

    .solut-list .item .chara ul li p {
        font-size: 12px;
        margin-top: 2px;
    }

    .solut-list .item .chara ul li:first-child {
        width: 44%;
        padding-right: 6%;
    }


    /*解决方案内容页*/
    .solutpage-banner .container {
        height: 48vh;
    }

    .solutpage-banner .text {
        margin-top: 40px;
        width: 100%;
    }

    .solutpage-banner .text h2 {
        font-size: 24px;
    }

    .solutpage-banner .text p {
        font-size: 14px;
        line-height: 26px;
        margin-top: 14px;
        padding: 0 0%;
    }

    .solutpage-banner .icon {
        margin-top: 10px;
    }

    .solutpage-banner .icon ul li {
        float: left;
        width: 50%;
        margin-top: 20px;
    }

    .solutpage-banner .icon ul li .box {
        border-left: 1px solid rgba(255, 255, 255, .4);
    }

    .solutpage-banner .icon ul li:first-child .box {
        border-left: initial;
    }

    .solutpage-banner .icon ul li:nth-child(2n+1) .box {
        border-left: initial;
    }

    .solutpage-banner .icon ul li img {
        height: 32px;
    }

    .solutpage-banner .icon ul li p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 12px;
    }


    .status-quo {
        padding: 40px 0 56px;
    }

    .solut-title h2 {
        font-size: 24px;
    }

    .solut-title span {
        font-size: 12px;
        margin-top: 4px;
        letter-spacing: 0;
    }


    .status-con {
        padding-top: 10px;
    }

    .status-con .item {
        margin-top: 10px;
        width: 100%;
        margin-left: 0%;
        float: left;
    }

    .status-con .item:nth-child(2n+1) {
        margin-left: 0;
    }

    .status-con .item .box {
        padding: 10px;
    }

    .status-con .item .pic {
        width: 36%;
        float: left;
    }

    .status-con .item .pic img {
        height: 120px;
        max-width: initial;
    }


    .status-con .item .text {
        width: 60%;
        float: right;
        padding-top: 8px;
    }

    .status-con .item .text h3 {
        font-size: 16px;
    }

    .status-con .item .text i {
        height: 2px;
        width: 16px;
        margin-top: 12px;
    }

    .status-con .item .text p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 12px;
    }

    .status-con .item .text p span {
        display: inline;
    }


    .solut-fa-list {
        padding: 40px 0 56px;
    }

    .solut-fa-item {
        margin-top: 24px;
    }

    .solut-fa-item .text {
        float: left;
        width: 100%;
        height: 100%;
        position: initial;
        left: initial;
        background: #F8F8F8;
    }

    .solut-fa-item .text .box {
        padding: 24px;
    }

    .solut-fa-item .title i img {
        height: 32px;
    }

    .solut-fa-item .title h3 {
        font-size: 22px;
        margin-top: 12px;
    }

    .solut-fa-item .title p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px;
    }

    .solut-fa-item .title span {
        width: 20px;
        height: 3px;
        margin: 14px 0 0 0;
    }

    .solut-fa-item .des p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 20px;
    }

    .solut-fa-item .des p span {
        display: inline;
    }


    .solut-fa-item .pic {
        float: right;
        width: 100%;
    }


    .solut-fa-item.right .text {
        float: right;
        width: 100%;
        right: 0%;
        left: initial;
    }

    .solut-fa-item.right .pic {
        float: left;
    }


    .solut-funct {
        position: relative;
        overflow: hidden;
    }

    .solut-funct .container {
        width: 100%;
    }

    .solut-funct .title {
        padding-top: 40px;
    }

    .solut-funct .title h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .solut-funct .title h2 span {
        display: block;
    }

    .solut-funct .title p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 8px;
    }


    .solut-funct .pic img {
        position: relative;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 380px;
        max-width: initial;
    }


    .solut-ser {
        padding-top: 40px;
    }

    .solut-title p {
        margin-top: 8px;
        font-size: 12px;
    }


    .solut-ser-item {
        padding: 10px 0 40px;
    }

    .solut-ser-item ul li {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .solut-ser-item ul li .box {
        padding: 24px 16%;
        border-right: initial;
        background: #F8F8F8;
    }

    .solut-ser-item ul li:last-child .box {
        border-right: initial;
    }

    .solut-ser-item ul li img {
        height: 96px;
    }

    .solut-ser-item ul li h3 {
        font-size: 16px;
        margin-top: 16px;
    }

    .solut-ser-item ul li p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 6px;
    }


    .circuit {
        padding-top: 40px;
    }

    .circuit .pic {
        padding: 24px 0 40px;
    }


    .case-rec.bg {
        background: initial;
    }

    .prod-rec.bg {
        padding-top: 0;
    }


    /*视频列表*/
    .video-content {
        padding: 32px 0 40px;
    }

    .video-content .container {
        padding-bottom: 16px;
        margin-bottom: 8px;
    }

    .video-menu {
        margin-bottom: 24px;
    }

    .video-menu ul li {
        margin: 0 1px;
    }

    .video-menu ul li a {
        padding: 0 10px;
        height: 26px;
        line-height: 24px;
        border-radius: 3px;
        font-size: 12px;
    }


    .video-list .item {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 16px;
    }

    .video-list .item:nth-child(4n+1) {
        margin-left: 2%;
        clear: initial;
    }

    .video-list .item:nth-child(2n+1) {
        margin-left: 0%;
        clear: both;
    }

    .video-list a .box:before {
        background-size: 36px 36px;
    }


    .video-list .des {
        width: 92%;
        padding: 8px 4%;
    }

    .video-list .des {
        font-size: 12px;
        line-height: 22px;
    }

    .video-list .des .play {
        padding-left: 20px;
    }

    .video-list .text h2 {
        font-size: 14px;
        max-height: 30px;
        margin-top: 5px;
    }


    /*视频内容页*/
    .video-page-content {
        padding: 40px 0 48px;
    }

    .video-play-box {
        width: 100%;
        float: left;
    }

    .video-play-title h2 {
        font-size: 24px;
    }

    .video-play-title p {
        margin-top: 8px;
        font-size: 12px;
    }

    .video-play-title .p-play {
        padding-left: 20px;
    }

    .video-play-title .p-time {
        padding-left: 20px;
        margin-left: 20px;
    }

    .video-player {
        margin-top: 20px;
        height: auto;
    }


    .video-des {
        width: 100%;
        float: right;
        padding-top: 42px;
    }

    .video-des-title {
        font-size: 18px;
        margin-bottom: 18px;
    }


    .video-des-list .item {
        margin-top: 14px;
        padding-top: 14px;
        width: 100%;
        float: left;
        margin-left: 0%;
    }

    .video-des-list .item:first-child, .video-des-list .item:nth-child(2), .video-des-list .item:nth-child(3) {
        margin-top: 0;
        padding-top: 0;
        border-top: initial;
    }

    .video-des-list .item:nth-child(2), .video-des-list .item:nth-child(3) {
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid #dddddd;
    }

    .video-des-list .item:nth-child(3n+1) {
        margin-left: 0;
        clear: initial;
    }

    .video-des-list .item:nth-child(2n+1) {
        margin-left: 0%;
        clear: both;
    }

    .video-des-list .item .pic {
        float: left;
        width: 36%;
        border-radius: 4px;
    }

    .video-des-list .item .text {
        float: right;
        width: 59%;
    }

    .video-des-list .item .text h2 {
        font-size: 14px;
        line-height: 24px;
        max-height: 48px;
        -webkit-line-clamp: 2;
    }

    .video-des-list .item .text p {
        bottom: 4px;
        font-size: 12px;
        width: 52%;
    }

    .video-des-list .item .text p span.p-play {
        padding-left: 20px;
        float: left;
    }

    .video-des-list .item .text p span {
        float: right;
    }


    /*荣誉资质*/
    .honor-content {
        padding: 40px 0 40px;
    }

    .honor-content .container {
        padding-bottom: 16px;
    }

    .honor-menu ul li {
        margin: 0 3px;
    }

    .honor-menu ul li a {
        padding: 0 8px;
        font-size: 12px;
        height: 28px;
        line-height: 26px;
    }


    .honor-list {
        padding-top: 0px;
    }

    .honor-list a {
        float: left;
        width: 49%;
        margin-left: 2%;
        margin-top: 20px;
    }

    .honor-list a .pic {
        padding: 8px;
    }

    .honor-list a .pic:after {
        background-size: 28px 28px;
    }

    .honor-list a:nth-child(4n+1) {
        margin-left: 2%;
        clear: initial;
    }

    .honor-list a:nth-child(3n+1) {
        margin-left: 2%;
        clear: initial;
    }

    .honor-list a:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }

    .honor-list a h3 {
        font-size: 12px;
        margin-top: 10px;
        max-height: 22px;
    }


    /*发展历程*/
    .course {
        padding: 40px 0 50px;
    }

    #timeline {
        width: 300px;
        height: 460px;
        margin: 0 auto;
    }

    #dates {
        width: 100%;
        bottom: 22px;
    }

    #dates li {
        float: left;
        width: 64px;
        font-size: 12px;
    }

    #dates li a.selected:after {
        width: 8px;
        height: 8px;
        bottom: -22px;
    }

    #dates li a:after {
        width: 8px;
        height: 8px;
        bottom: -22px;
        margin-left: -5.5px;
    }


    #issues {
        width: 300px;
    }

    #issues li {
        width: 300px;
        height: 420px;
        float: left;
    }


    #issues li .tp {
        float: left;
        margin-left: 0;
        text-align: center;
    }


    #issues li .tp img {

    }


    #issues li .text {
        float: left;
        width: 100%;
        padding-left: 0;
        text-align: center;
        margin-top: 14px;
    }

    #issues li .title i {
        font-size: 24px;
    }

    #issues li .title p {
        font-size: 16px;
        margin-top: 6px;
    }

    #issues li .chara {
        position: initial;
        bottom: initial;
        width: 100%;
        margin-top: 12px;
    }

    #issues li .chara p {
        font-size: 12px;
        line-height: 22px;
    }

    #issues li .chara b {
        font-size: 12px;
        margin-right: 8px;
    }


    #next, #prev {
        position: absolute;
        top: initial;
        bottom: 28%;
        margin-top: -16px;
        width: 24px;
        height: 24px;
        background-size: 8px 14px;
    }

    #next:hover {
        background-size: 8px 14px;
    }

    #prev:hover {
        background-size: 8px 14px;
    }


    /*创始人专栏*/
    .founder-banner .text-box {
        width: 50%;
    }

    .f-title {
        padding-top: 40px;
    }

    .f-title h2 {
        font-size: 28px;
    }

    .f-title p {
        margin-top: 10px;
        padding-top: 10px;
        font-size: 12px;
        line-height: 20px;
    }

    .f-text {
        display: none;
        margin-top: 40px;
    }

    .f-text p {
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0;
    }


    .resume {
        padding: 40px 0 40px;
    }

    .found-title {
        float: left;
        width: 100%;
    }

    .found-title h2 {
        font-size: 24px;
    }

    .found-title i {
        width: 24px;
        height: 3px;
        margin-top: 16px;
    }


    .resume-list {
        width: 100%;
        float: right;
        margin-top: 32px;
    }

    .resume-list ul li:last-child {
        padding-bottom: 16px;
    }

    .resume-list ul li {
        padding-bottom: 16px;
        line-height: 24px;
        padding-left: 20px;
    }

    .resume-list ul li:before {
        left: -6px;
        top: 7px;
        height: 12px;
        width: 12px;
    }

    .resume-list ul li span {
        font-size: 14px;
    }

    .resume-list ul li p {
        font-size: 16px;
    }


    .social {
        padding: 40px 0;
    }


    .social-list {
        width: 100%;
        float: right;
        margin-top: 20px;
    }

    .social-list ul li {
        width: 100%;
        font-size: 15px;
        line-height: 48px;
        letter-spacing: 0;
    }

    .social-list ul li:first-child {
        border-top: initial;
    }


    .column {
        padding: 40px 0 40px;
    }

    .column .title-box {
        border-bottom: 1px solid #eee;
    }

    .found-eng {
        display: none;
    }

    .column .news-list {
        margin-top: 30px;
    }


    /*售后支持*/
    .after-conter {
        padding: 40px 0 48px;
    }

    .after-title h2 {
        font-size: 24px;
    }

    .after-title p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 6px;
    }


    .serch-con {
        padding-top: 16px;
    }

    .serch-con .s-item {
        width: 49%;
        height: auto;
        margin-left: 2%;
        float: left;
        margin-top: 10px;
    }

    .serch-con .s-item:nth-child(3n+1) {
        margin-left: 2%;
        clear: initial;
    }

    .serch-con .s-item:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }

    .serch-con .s-item .box {
        padding: 28px 8% 28px;
    }

    .serch-con .s-item .box img {
        height: 40px;
    }

    .serch-con .s-item .box h3 {
        font-size: 16px;
        line-height: 28px;
        margin-top: 16px;
    }

    .serch-con .s-item .box p {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 20px;
        margin-top: 4px;
    }

    .serch-con .s-item .box i {
        width: 16px;
        height: 2px;
        margin-top: 12px;
    }


    .hot-line {
        padding: 48px 0;
    }


    .hot-line .h-title {
        float: left;
        width: 100%;
    }

    .hot-line .h-title h2 {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 12px;
    }

    .hot-line .h-title em {
        font-size: 28px;
    }

    .hot-line .h-title p {
        font-size: 14px;
        line-height: 28px;
    }

    .hot-line .h-text {
        float: right;
        width: 100%;
        margin-top: 16px;
    }

    .hot-line .h-text p {
        font-size: 14px;
        line-height: 26px;
    }

    .h-but-des {
        margin-top: 32px;
    }

    .h-but-des a {
        font-size: 14px;
        margin-right: 52px;
    }

    .des-icon-a {
        width: 7px;
        height: 10px;
        margin-left: 8px;
    }


    .team-service {
        padding: 40px 0;
    }


    .team-service .item {
        position: relative;
    }

    .team-service .item .text {
        width: 100%;
        float: left;
        position: initial;
        left: initial;
    }

    .team-service .item .text .box {
        padding: 20px;
    }

    .team-service .item .text h2 {
        font-size: 24px;
    }

    .team-service .item .text span {
        font-size: 14px;
        margin-top: 6px;
    }

    .team-service .item .text p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 10px;
    }

    .team-service .item .text ul {
        margin-top: 10px;
        font-size: 12px;
        line-height: 22px;
    }


    .team-service .item .pic {
        width: 100%;
        float: right;
    }


    .team-service .item.ts {
        margin-top: 20px;
    }

    .team-service .item.ts .text {
        width: 100%;
        float: right;
        left: initial;
        right: initial;
    }

    .team-service .item.ts .text .box {
        padding: 20px;
    }

    .team-service .item.ts .pic {
        width: 100%;
        float: left;
    }


    /*企业文化*/
    .culture {
        padding: 40px 0 40px;
    }

    .cult-title h2 {
        font-size: 24px;
    }

    .cult-title i {
        width: 20px;
        height: 3px;
        margin: 16px auto 0 auto;
    }


    .cult-con {
        padding-top: 20px;
    }

    .cult-con .item {
        width: 49%;
        margin-left: 2%;
        float: left;
        margin-top: 10px;
    }

    .cult-con .item:nth-child(3n+1) {
        margin-left: 2%;
        clear: initial;
    }

    .cult-con .item:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }

    .cult-con .item .box {
        padding: 22px 20px;
    }

    .cult-con .item .box h3 {
        font-size: 20px;
    }

    .cult-con .item .box p {
        font-size: 14px;
        margin-top: 8px;
    }

    .cult-con .item:before {
        opacity: .5;
    }

    .cult-con .item.i-bg-1:before {
        width: 73px;
        height: 80px;
        margin-top: -16px;
        margin-right: -10px;
    }

    .cult-con .item.i-bg-2:before {
        width: 105px;
        height: 86px;
        margin-top: -24px;
        margin-right: -28px;
    }

    .cult-con .item.i-bg-3:before {
        width: 89px;
        height: 85px;
        margin-top: 20px;
        margin-right: -16px;
    }

    .cult-con .item.i-bg-4:before {
        width: 66px;
        height: 83px;
        top: initial;
        bottom: 0;
        right: 5px;
    }

    .cult-con .item.i-bg-5:before {
        width: 89px;
        height: 85px;
        top: initial;
        bottom: 0;
    }


    .wisdom {
        padding: 40px 0 48px;
    }

    .wisdom-con {
        margin-top: 20px;
    }

    .wisdom-con ul li {
        float: left;
        width: 100%;
        margin-left: 0;
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    .wisdom-con ul li:nth-child(3) {
        margin-bottom: 16px;
    }

    .wisdom-con ul li:nth-child(2n+1) {
        margin-left: 0;
    }

    .wisdom-con ul li p {
        font-size: 14px;
        line-height: 28px;
        height: auto;
        font-weight: initial;
    }

    .wisdom-con ul li p i {
        display: block;
    }

    .wisdom-con ul li span {
        font-size: 12px;
        margin-top: 12px;
    }


    .cult-mp4 {
        padding: 40px 0 40px;
    }

    .cult-mp4-con {
        margin-top: 24px;
        display: block;
    }

    .cult-mp4-con .mp4 {
        width: 100%;
    }

    .cult-mp4-con .mp4 iframe {
        width: 100%;
        height: 220px;
    }

    .cult-mp4-con .text {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
    }

    .cult-mp4-con .text h3 {
        font-size: 20px;
        margin-bottom: 16px;
    }


    .cult-pic {
        margin-top: 24px;
    }


    /*联系我们*/
    .contact {
        padding: 40px 0 40px;
    }

    .id-amp {
        width: 100%;
        float: left;
    }

    .contact-text {
        width: 100%;
        float: right;
        padding-top: 0px;
        margin-top: 24px;
    }

    .contact-text .title h2 {
        font-size: 24px;
    }

    .contact-text .des {
        margin-top: 10px;
    }

    .contact-text .des ul li {
        line-height: 26px;
        margin-bottom: 8px;
        padding-bottom: 8px;
    }

    .contact-text .des ul li span {
        font-size: 12px;
    }

    .contact-text .des ul li p {
        font-size: 16px;
    }


    .contact-text .id-but {
        margin-top: 24px;
    }

    .contact-text .id-but a {
        font-size: 12px;
        height: 34px;
        line-height: 34px;
        padding: 0 16px;
        border-radius: 3px;
    }

    .idamp-icon {
        width: 13px;
        height: 12px;
        margin-left: 8px;
        bottom: -1px;
    }


    .contact-message {
        padding: 40px 0;
    }

    .contact-message .title h2 {
        font-size: 24px;
    }

    .contact-message .title p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 10px;
    }


    .conmess {
        width: 100%;
        margin: 10px auto 0 auto;
    }

    .conmess .name {
        width: 100%;
        float: left;
    }

    .conmess .tel {
        width: 100%;
        float: right;
        margin-top: 10px;
    }

    .conmess input {
        font-size: 14px;
        height: 48px;
    }


    .conmess .text {
        margin-top: 20px;
    }


    .conmess textarea {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        height: 72px;
    }


    .conmess-but {
        margin-top: 24px;
    }

    .conmess-but a {
        font-size: 12px;
        height: 34px;
        line-height: 34px;
        padding: 0 16px;
        border-radius: 3px;
    }


    /*加盟*/
    .join_banner {
        height: 40vh;
    }

    .join_banner .text {
        padding-top: 80px;
    }

    .join_banner .slogan h3 {
        font-size: 14px;
        height: 22px;
        line-height: 20px;
        padding-right: 4px;
    }

    .join_banner .slogan h3 span {
        height: 22px;
        line-height: 20px;
        padding: 0 4px;
    }

    .join_banner .slogan p {
        font-size: 12px;
        letter-spacing: 0px;
        margin-top: 10px;
        display: none;
    }


    .join_banner .title {
        margin-top: 12px;
    }

    .join_banner .title h2 {
        font-size: 26px;
        line-height: 28px;
        letter-spacing: 0px;
    }

    .join_banner .title p {
        font-size: 12px;
        line-height: 28px;
        margin-top: 6px;
    }


    .prospect {
        padding: 40px 0 40px;
    }

    .join-title h2 {
        font-size: 24px;
    }

    .join-title p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 8px;

    }


    .prospect-con {
        padding-top: 10px;
    }

    .prospect-con .item {
        float: left;
        margin-left: 2%;
        width: 49%;
        padding: 30px 0;
        margin-top: 10px;
    }

    .prospect-con .item:first-child {
        margin-left: 0;
    }

    .prospect-con .item:nth-child(2N+1) {
        margin-left: 0;
    }


    .prospect-con .item img {
        height: 48px;
    }

    .prospect-con .item h3 {
        font-size: 16px;
        line-height: 24px;
        margin-top: 16px;
    }

    .prospect-con .item span {
        display: block;
    }


    .prospect-con .item i {
        width: 16px;
        height: 3px;
        margin-top: 18px;
    }

    .prospect-con .item p {
        font-size: 12px;
        line-height: 18px;
        margin-top: 6px;
        display: none;
    }


    .join-honor {
        height: 480px;
        position: relative;
    }

    .join-honor:before {
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        content: "";
        background: rgba(0, 120, 130, .5);
        z-index: 1;
    }

    .join-honor .container {
        position: relative;
        z-index: 2;
    }


    .join-honor .title {
        padding-top: 40px;
    }

    .join-honor .title h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .join-honor .title h2 span {
        display: block;
    }

    .join-honor .jh-list {
        padding-top: 12px;
        width: 100%;
    }

    .join-honor .jh-list ul li {
        width: 100%;
        float: left;
        margin-left: 0;
        padding: 12px 0;
    }

    .join-honor .jh-list ul li:nth-child(2n+1) {
        margin-left: 0;
    }

    .join-honor .jh-list ul li p {
        font-size: 14px;
        letter-spacing: 0;
    }


    .join-plant {
        padding: 40px 0 40px;
    }

    .join-title h2 span {
        display: inline;
    }

    .join-plant-pic {
        margin-top: 24px;
    }


    .slide-info h3 {
        top: 10px;
        left: 10px;
        font-size: 12px;

    }

    .prev2, .next2 {
        top: 52%;
        height: 16px;
        width: 16px;
        margin-top: -8px;
    }

    .prev2 {
        left: 10px;
    }

    .next2 {
        right: 10px;
    }

    /*翻页圆点*/
    .slide-main .item1 {
        z-index: 8;
        bottom: 20px;
        left: 0;
    }

    .slide-main .item1 a {
        height: 10px;
        width: 10px;
        margin: 0 2px;
        border-radius: 6px;
        font-size: 0;
    }

    .slide-main .item1 a.cur {
        height: 22px;
        line-height: 20px;
        font-size: 12px;
        padding: 0 6px;
        border-radius: 12px;
        bottom: -9px;
    }

    /* end */
    .join-com-video {
        width: 100%;
        float: left;
    }


    .vr-con {
        top: 32px;
    }

    .vr-con h2 {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .vr-con a {
        font-size: 12px;
    }

    .vr-con a:after {
        top: 3px;
        right: -18px;
        width: 12px;
        height: 12px;
    }


    .join-com-vr {
        width: 100%;
        float: right;
        margin-top: 16px;
    }

    .join-com-vr .vr-con a:after {
        top: 3px;
        right: -18px;
        width: 12px;
        height: 12px;
    }


    .join-policy {
        padding: 40px 0 40px;
    }

    .join-policy-list {
        padding-top: 20px;
    }

    .join-policy-list .item {
        margin-top: 16px;
        float: left;
        width: 40%;
        margin-left: 2%;
        height: auto;
        border-radius: 0px;
        display: block;
        padding: 24px 4.5%;
        text-align: center;
    }

    .join-policy-list .item:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }

    .join-policy-list .item .icon {
        width: 100%;
        margin-left: 0px;
    }

    .join-policy-list .item .icon img {
        width: 72px;
    }

    .join-policy-list .item .text {
        width: 100%;
        margin-left: 0;
        margin-right: 0px;
        margin-top: 12px;
    }

    .join-policy-list .item .text h3 {
        font-size: 18px;
    }

    .join-policy-list .item .text p {
        font-size: 12px;
        line-height: 20px;
        height: 80px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        margin-top: 8px;
        letter-spacing: 0;
    }


    .join-store {
        padding: 40px 0 40px;
    }

    .join-store .join-title p span {
        display: inline;
    }


    .join-store-pic {
        margin-top: 24px;
    }


    .guarantee {
        padding-top: 40px;
    }

    .guarantee_list {
        padding: 30px 0 40px;
    }

    .guarantee_list ul li {
        width: 33.33%;
        float: left;
    }

    .guarantee_list ul li img {
        height: 90px;
    }

    .guarantee_list ul li h3 {
        margin-top: 16px;
        font-size: 12px;
        line-height: 20px;
        padding: 0 5%;
        font-weight: initial;
    }

    .guarantee_list ul li h3 span {
        display: inline;
    }


    .join-adv {
        padding: 40px 0 40px;
    }

    .join-adv .join-title em {
        font-size: 12px;
        margin-top: 6px;
        letter-spacing: 0;
    }


    .join-adv-list {
        margin-top: 10px;
    }

    .join-adv-list .item {
        float: left;
        width: 49%;
        margin-left: 2%;
        margin-top: 10px;
    }

    .join-adv-list .item:nth-child(4n+1) {
        margin-left: 2%;
    }

    .join-adv-list .item:nth-child(3n+1) {
        margin-left: 2%;
    }

    .join-adv-list .item:nth-child(2n+1) {
        margin-left: 0;
    }


    .join-adv-list .item .box {
        padding: 24px 10% 32px;
    }

    .join-adv-list .item h3 {
        font-size: 18px;
        margin-top: 16px;
    }

    .join-adv-list .item p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 10px;
        height: 68px;
    }


    .join-message .text-box {
        padding-top: 40px;
        padding-bottom: 40px;
        width: 100%;
        float: left;
    }

    .join-message .title h2 {
        font-size: 24px;
    }

    .join-message .title p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 12px;
        letter-spacing: 0;
    }


    .joinmess {
        margin-top: 12px;
    }

    .joinmess .name {
        width: 45%;
        float: left;
    }

    .joinmess .tel {
        width: 45%;
        float: right;
    }

    .joinmess input {
        width: 100%;
        font-size: 14px;
        height: 44px;
    }


    .joinmess .text {
        margin-top: 24px;
    }

    .joinmess textarea {
        font-size: 14px;
        line-height: 24px;
        height: 86px;
    }


    .joinmess-but {
        margin-top: 24px;
    }

    .joinmess-but a {
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        border-radius: 4px;
        font-size: 12px;
    }


    .join-message .pic {
        display: none;
    }


    /*服务中心*/
    .ser-war {
        padding-top: 40px;
    }

    .ser-title h2 {
        font-size: 24px;
    }

    .ser-title i {
        width: 24px;
        height: 3px;
        margin-top: 16px;
    }


    .ser-war-con {
        margin-top: 28px;
        height: 560px;
        background: url(../images/warranty_tp_phone.jpg) center center no-repeat;
        background-size: cover;
    }

    .ser-war-con .text {
        width: 100%;
        height: auto;
        float: right;
        padding-top: 30px;
    }

    .ser-war-con .text .box {
        padding: 0 0px 0 0;
        text-align: center;
    }

    .ser-war-con .title h3 {
        font-size: 32px;
        letter-spacing: 2px;
    }

    .ser-war-con .title p {
        font-size: 14px;
        letter-spacing: 1px;
        margin-top: 6px;
    }


    .ser-war-con .chara {
        margin-top: 16px;
        width: 92%;
        padding: 0 4%;
    }

    .ser-war-con .chara ul {
        display: block;
        justify-content: initial;

    }

    .ser-war-con .chara ul li {
        width: 33.33%;
        float: left;
    }

    .ser-war-con .chara ul li:first-child:before {
        display: none;
    }

    .ser-war-con .chara ul li:first-child {
        width: 33.33%;
    }

    .ser-war-con .chara ul li em {
        font-size: 14px;
    }

    .ser-war-con .chara ul li p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 4px;
        padding: 0 3%;
    }

    .ser-war-con .chara ul li p span {
        display: inline;
    }


    .ser-cult {
        padding: 40px 0 40px;
    }


    .ser-cult-con {
        margin-top: 32px;
    }

    .ser-cult-con .box {
        padding: 12px;
    }

    .ser-cult-con .pic {
        width: 100%;
        float: left;
    }

    .ser-cult-con .text {
        width: 100%;
        float: right;
        margin-top: 10px;
    }

    .ser-cult-con .text ul li {
        padding: 8px 0;
    }

    .ser-cult-con .text ul li h3 {
        font-size: 20px;
    }

    .ser-cult-con .text ul li p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 6px;
        letter-spacing: 2px;
    }


    .ser-chara {
        margin-top: 16px;
    }

    .ser-chara ul li {
        width: 33.33%;
        float: left;
        margin-top: 30px;
    }

    .ser-chara ul li:first-child:before {
        display: none;
    }

    .ser-chara ul li:nth-child(3N+1):before {
        display: none;
    }

    .ser-chara ul li em {
        font-size: 28px;
        line-height: 36px;
    }

    .ser-chara ul li em i {
        font-size: 12px;
        padding: 0 6px;
        height: 22px;
        line-height: 22px;
        border-radius: 12px;
        top: -12px;
        letter-spacing: 0;
    }

    .ser-chara ul li p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 4px;
        letter-spacing: 0;
    }


    .ser-tel {
        margin-top: 30px;
    }

    .ser-tel .title img {
        height: 28px;
    }

    .ser-tel .title p {
        font-size: 12px;
        margin-left: 8px;
        width: 32px;
    }

    .ser-tel .tel {
        font-size: 28px;
        line-height: 32px;
        margin-left: 8px;
        padding-left: 16px;
    }


    .ser-sys {
        padding: 40px 0;
    }

    .ser-sys-con {
        margin-top: 30px;
    }

    .ser-sys-con .chara {
        float: left;
        width: 100%;
        padding-left: 0%;
    }

    .ser-sys-con .chara ul li {
        width: 50%;
        float: left;
        padding-top: 24px;
    }

    .ser-sys-con .chara ul li:nth-child(1), .ser-sys-con .chara ul li:nth-child(2) {
        padding-top: 0px;
    }

    .ser-sys-con .chara ul li em {
        font-size: 40px;
        line-height: 40px;
    }

    .ser-sys-con .chara ul li span {
        font-size: 18px;
        margin-left: 5px;
        font-weight: bold;
    }

    .ser-sys-con .chara ul li img {
        position: absolute;
        bottom: 14px;
        margin-left: 8px;
    }

    .ser-sys-con .chara ul li p {
        font-size: 14px;
    }


    .ser-sys-con .text {
        float: right;
        width: 100%;
        margin-top: 28px;
    }

    .ser-sys-con .text p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 6px;
        padding: 0 00px 0 00px;
    }

    .ser-sys-con .text p:first-child {
        margin-top: 0px;
    }


    .ser-dot {
        padding: 56px 0 48px;
    }

    .ser-dot-con .chara {
        position: initial;
        bottom: initial;
        width: 100%;
    }

    .ser-dot-con .chara ul li {
        width: 100%;
        margin-left: 0%;
        float: left;
        padding: 24px 0 30px;
        margin-top: 10px;
    }

    .ser-dot-con .chara ul li:first-child {
        margin-left: 0;
    }

    .ser-dot-con .chara ul li em {
        font-size: 32px;
        line-height: 48px;
    }

    .ser-dot-con .chara ul li span {
        font-size: 24px;
        line-height: 24px;
        margin-left: 4px;
        top: 0;
    }

    .ser-dot-con .chara ul li p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 0px;
        padding: 0 8%;
    }


    /*关于华天成*/
    .about-box {
        padding: 40px 0;
    }

    .about-box .text {
        float: left;
        width: 100%;
        padding-top: 0;
    }

    .about-box .text h2 {
        font-size: 24px;
    }

    .about-box .text i {
        width: 20px;
        height: 3px;
        margin-top: 16px;
        margin-bottom: 8px;
    }

    .about-box .text p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 0px;
    }

    .about-box .pic {
        float: right;
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    .about-box .pic img {
        height: auto;
        max-width: 100%;
    }


    .about-chara {
        position: relative;
        top: -24px;
    }

    .about-chara .container {
        padding: 10px 0;
    }

    .about-chara ul li {
        width: 50%;
        float: left;
        margin: 5px 0;
    }

    .about-chara ul li:first-child .box {
        border-left: initial;
    }

    .about-chara ul li em {
        font-size: 28px;
        line-height: 40px;
    }

    .about-chara ul li span {
        font-size: 12px;
        line-height: 28px;
        margin-left: 6px;
    }

    .about-chara ul li p {
        font-size: 12px;
        margin-top: 2px;
    }


    .brand-base {
        margin-top: -24px;
    }

    .brand-base .title {
        padding: 40px 0 20px;
    }

    .brand-base .title span {
        font-size: 14px;
    }


    .brand-base .title h2 {
        font-size: 24px;
        margin-top: 5px;
    }

    .brand-base .title p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 12px;
        padding: 0 0%;
    }


    .gallery-cell {
        width: 90%;
        height: 300px;
        margin: 0 4px;
    }

    .gallery-cell h2 {
        left: 16px;
        top: 16px;
        font-size: 16px;
    }

    .gallery-cell img {
        max-width: initial;
        height: 360px;
    }


    /* ---- previous/next buttons ---- */
    .flickity-prev-next-button {
        display: none;
    }

    /* ---- page dots ---- */
    .flickity-page-dots {
        bottom: 20px;
    }

    .flickity-page-dots li.dot {
        width: 12px;
        height: 12px;
        border-radius: 6px;
        margin: 0 8px;
    }

    .flickity-page-dots li.is-selected {
        width: auto;
        height: 24px;
        line-height: 24px;
        border-radius: 12px;
        padding: 0 10px;
        font-size: 12px;
        bottom: -11px;
    }


    .brand-lab {
        padding: 40px 0 40px;
    }

    .brand-title {
        float: left;
        text-align: center;
        width: 100%;
    }

    .brand-title h2 {
        font-size: 24px;
    }

    .brand-title i {
        width: 20px;
        height: 3px;
        margin-top: 16px;
    }

    .brand-lab .text {
        float: right;
        width: 100%;
        margin-top: 12px;
        text-align: center;
    }

    .brand-lab .text p {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0;
    }

    .lab-con {
        padding-top: 12px;
    }

    .lab-con ul li {
        float: left;
        width: 32.26%;
        margin-left: 1.6%;
        margin-top: 10px;
    }

    .lab-con ul li:nth-child(2) {
        width: 66.14%;
    }

    .lab-con ul li:nth-child(1), .lab-con ul li:nth-child(3) {
        margin-left: 0%;
        clear: both;
    }

    .lab-con ul li p {
        padding: 8px 0;
        font-size: 12px;
        letter-spacing: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }


    .brand-amp {
        padding: 40px 0 24px;
    }

    .brand-title.b-c p {
        padding: 0 0%;
        font-size: 14px;
        line-height: 24px;
        margin-top: 16px;
    }


    .brand-amp-pic {
        margin-top: 20px;
    }


    .brand-honor {
        height: 380px;
    }

    .brand-honor .brand-title {
        padding-top: 40px;
    }

    .brand-honor .brand-title p {
        display: none;
    }


    .brand-honor-chara {
        margin-top: 16px;
    }

    .brand-honor-chara ul li {
        width: 25%;
        height: 60px;
        background: initial;
    }

    .brand-honor-chara ul li span {
        font-size: 18px;
    }

    .brand-honor-chara ul li p {
        font-size: 12px;
        margin-top: 4px;
        letter-spacing: 0;
    }
}